import axios from "axios";
import store from "@/store";
//import router from "@/router";
//import message from "@/utils/element";
// 为什么不用axios,而是用axios.create 因为我们在上班的时候公司可能接口
// 服务器有多个，如果你直接用axios,这个项目永远只能用一个接口服务器
const service = axios.create({
  baseURL: "/abc",
  timeout: 8000,
});

// 添加请求拦截器
service.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    // console.log(store.state.user);
    const token = store.state.user.token;
    if (token) {
      config.headers.Authorization = "Bearer " + token;
    }
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
service.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response;
  },
  function (error) {
    //console.log(error);
    // if (error.response.data.code === 401) {
    //   //message.error("token过期", "请重新登录");
    //   //   console.log(1);
    //   //把vuex和本地存储中token清理一下，因为token过期了
    //   store.commit("user/logout");
    //   // 跳转到login页面

    //   router.push("/login");

    // }
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么

    return Promise.reject(error);
  }
);

export default service;
